<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style type="text/css">
		   body {background:#FFEEAA;}
		   h1 {font-style:bold;color:#661100;}
		   h2 {font:Verdana;color:#330000;}
		   h3 {font:Dejavu Sans Mono;color:#990000}
		   h4 {font:Comic Sans ms;color:#001111;}
		   td,th {width:200px;}
		   th {color:#338800;}
		   #fotokordisti {background:#FFEE44;font:Times New Roman;font-size:3;}
		   #pildid {background:#FFEE00;color:#990000;}
		   #footer {background-image:url(Menu_BG.jpeg);}
		   #tunniplaan {background:#FFEEDD}
		   #AA{background-color:teal; }
		   #DL{background-color:cyan; }
		   #DS{background-color:red; }
		   #TTS{background-color:green; }
		   #WEB{background-color:yellow; }
	</style>
	<title>Veebilehtede loomine kodut&ouml;&ouml;</title>
</head>
<body>
<h1 style="text-size:8;"><a name=Sisukord>&Uuml;lesanded</a></h1>
<ul>
	<li><a href=#esimene>Esimene &uuml;lesanne</a>
    	<ul>
    		<li><a href=#YL1>&Uuml;lesanne 1</a></li>
    		<li><a href=#YL2>&Uuml;lesanne 2</a></li>
    		<li><a href=#YL3>&Uuml;lesanne 3</a></li>
    	</ul>
	</li>
	<li><a href=#teine>Teine &uuml;lesanne</a>
    	<ul>
    		<li><a href=#YL4>&Uuml;lesanne 4</a></li>
			<li><a href=#YL5>&Uuml;lesanne 5</a></li>
    	</ul>
	</li>
	<li><a href=#kolmas>Kolmas &uuml;lesanne</a>
    	<ul>
			<li><a href=#YL6>&Uuml;lesanne 6</a></li>
			<li><a href=#YL7>&Uuml;lesanne 7</a></li>
    	</ul>
	</li>
	<li><a href=#neljas>Neljas &uuml;lesanne</a>
	</li>
</ul>
<!-- Esimene ylesanne -->
	<h2 style="text-decoration:underline;"><a name=esimene>Esimene &uuml;lesanne</a></h2>
	<!-- Ylesanne 1 -->
	<h3 style="text-decoration:underline;"><a name=YL1>&Uuml;lesanne 1</a></h3>
	<!-- 1.1 -->
	<h4 style="text-decoration:inherit;">1.1</h4>
	<h1 align="left">See on pealkirjatyyp h1, mis on rajastatud keskele.</h1>
		<h2 align="center">See on pealkirjatyyp h2, mis on rajastatud paremale.</h2>
			<h3 align="right">See on pealkirjatyyp h3, mis on rajastatud vasakule.</h3>
	<!-- 1.2 -->
	<h4 style="text-decoration:inherit;">1.2</h4>
	<p align="right">
		T&auml;nane kuup&auml;ev on 16.02.2012.</p>
	<p>
		Olen varem kokku puutunud HTML'ga p&otilde;hikooli informaatika tunnis, kus oli ka &uuml;lesandeks
		koostada endale kodulehek&uuml;lg. Antud juhendmaterjalid on v&auml;gagi arusaadavad.
		Seni ei ole ette tulnud raskusi &uuml;lesannete t&auml;itmisega.</p>
	<p align="right">
		Minu nimi on T&otilde;nis Terasmaa.</p>
		
	<!-- 1.3 (kuulutus) -->	
	<h4 style="text-decoration:inherit;">1.3</h4>
	<h1 style="text-align:center;">S&uuml;nnip&auml;eva pidu</h1>
	<h3 style="text-align:center;">15. M&auml;rtsil kell 18.00</h3>
	<p align="center">Pidu toimub Tartus kaubanduskeskus "Tasku" parkla 0-korruselt sissep&auml;&auml;setavas</p>
	<h2 style="text-align:center;">Megazone's</h2>
	<p align="center">
	   S&uuml;nnip&auml;evalapseks on Mirjam.<br>
	   Korraldab: T&otilde;nis
	</p>
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>

	<!-- Ylesanne 2 -->
	<h3 style="text-decoration:underline;"><a name=YL2>&Uuml;lesanne 2</a></h3>
	<!-- 1.1 -->
	<h4 style="text-decoration:inherit;">2.1</h4>
	See on --> normaalkiri<br>
	See on --> <del>l&auml;bikriipsutatud kiri</del><br>
	See on --> <b>poolpaks e. rasvane kiri</b><br>
	See on --> <i>kaldkiri</i><br>
	See on --> <big>suur kiri</big><br>
	See on --> <sub>alam indeksis kirjutatud kiri</sub><br>
	See on --> normaalkiri<br>
	
	<!-- 2.2 -->
	<h4 style="text-decoration:inherit;">2.2</h4>
	<blockquote style="text-height:font-size;">
		"Mulle meeldivad sead. K&otilde;ik koerad vaatavad sulle alt &uuml;les.
		K&otilde;ik kassid vaatavad sulle &uuml;lalt alla. Ainult siga vaatab sind kui <font style="color:red;">v&otilde;rdset</font>." <i>- Sir Winston Churchill</i><br>
	</blockquote>
	
	<!-- 2.3 (kuulutus) -->
	<h4 style="text-decoration:inherit;">2.3</h4>
	<p style="text-align:center;">
		<font size="6" face="Dejavu Sans mono" color="red" >S&uuml;nnip&auml;eva pidu</font>
		<br><br>
		<font size="4" face="Dejavu Sans Mono">15. M&auml;rtsil kell 18.00</font>
		<br><br>
		<font size="2" face="Arial" color="black">
		Pidu toimub Tartus kaubanduskeskus "Tasku" parkla 0-korruselt sissep&auml;&auml;setavas</font><br>
		<font size="30" face="Times New Roman" color="blue">Megazone's</font><br>
		S&uuml;nnip&auml;evalapseks on <font size="4" face="Verdana" color="teal">Mirjam</font>.<br>
		Korraldab: T&otilde;nis
	</p>
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>
	
	<!-- Ylesanne 3 -->
	<h3 style="text-decoration:underline;"><a name=YL3>&Uuml;lesanne 3</a></h3>
	<!-- 3.1 -->
	<h4 style="text-decoration:inherit;">3.1</h4>
    <ul>
    	<li>Pildid</li>
    	<li>L&uuml;hikirjeldus</li>
    	<li>Lingid</li>
    </ul>
	<!-- 3.2 -->
	<h4>3.2</h4>
    <ul>
    	<li>Pildid</li>
    	<ul>
    		<li>Inimesed</li>
    		<li>Koht</li>
    		<li>&Uuml;mbruskond</li>
    	</ul>
    	<li>L&uuml;hikirjeldus</li>
    	<li>Lingid</li>
    </ul>
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>

<!-- Teine ylesanne -->
	<div id="pildid">
	<h2 style="text-decoration:underline;"><a name=teine>Teine &uuml;lesanne</a></h2>
	<!-- Ylesanne 4 -->
	<h3 style="text-decoration:underline;"><a name=YL4>&Uuml;lesanne 4</a></h3>
	<!-- 4.1 -->
	<h4>4.1</h4>
	<img src="http://i64.photobucket.com/albums/h161/PjurChaos/Signatures/PureCarnage.png" />
	<!-- 4.2 -->
	<h4>4.2</h4>
	<p><img src="http://i64.photobucket.com/albums/h161/PjurChaos/Signatures/kung-fupanda.jpg" />
	See on pilt, mida ma modifitseerisin.
	</p>
	<!-- 4.3 -->
	<h4>4.3</h4>
	<p>See on teine pilt, mida ma modifitseerisin.
	<img src="http://i64.photobucket.com/albums/h161/PjurChaos/Signatures/bluerythmathma2.png" style="alignment-adjust:text-before-edge;" />
	</p>
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>
	</div>
	<!-- Ylesanne 5 -->
	<h3 style="text-decoration:underline;"><a name=YL5>&Uuml;lesanne 5</a></h3>
	<!-- 5.1 -->
	<h4>5.1</h4>
	<table id="tunniplaan" border="1"  width="100%">
	  <tr><th colspan="6"><h1>Tunniplaan</h1></th></tr>
      <tr><!-- Row 1 -->
         <td></td><!-- Col 1 -->
         <th>esmasp&auml;ev</th><!-- Col 2 -->
         <th>teisip&auml;ev</th><!-- Col 3 -->
         <th>kolmap&auml;ev</th><!-- Col 4 -->
         <th>neljap&auml;ev</th><!-- Col 5 -->
         <th>reede</th><!-- Col 6 -->
      </tr>
      <tr><!-- Row 2 -->
         <th>08:15-09:45</th><!-- Col 1 -->
         <td></td><!-- Col 2 -->
         <td></td><!-- Col 3 -->
         <td id="AA">Algoritmid ja andmestruktuurid,<br> tahvlipraktikum,<br> J.Liivi 2 - 405</td><!-- Col 4 -->
         <td id="DS">Diskreetsed struktuurid,<br> praktikum,<br> J.Liivi 2 - 404</td><!-- Col 5 -->
         <td></td><!-- Col 6 -->
      </tr>
      <tr><!-- Row 3 -->
         <th>10:15-11:45</th><!-- Col 1 -->
         <td></td><!-- Col 2 -->
         <td id="DS">Diskreetsed struktuurid,<br> loeng,<br> J.Liivi 2 - 111</td><!-- Col 3 -->
         <td></td><!-- Col 4 -->
         <td id="WEB">Veebirakenduste loomine,<br> loeng,<br> J.Liivi 2 - 111</td><!-- Col 5 -->
         <td></td><!-- Col 6 -->
      </tr>
      <tr><!-- Row 4 -->
         <th>12:15-13:45</th><!-- Col 1 -->
         <td></td><!-- Col 2 -->
         <td id="DL">Digitaalne loogika,<br> praktikumi juhendamine,<br> T&auml;he 4 - 220</td><!-- Col 3 -->
         <td id="TTS">T&otilde;en&auml;osusteooria ja statistika,<br> loeng,<br> T&auml;he 4 - 416</td><!-- Col 4 -->
         <td></td><!-- Col 5 -->
         <td></td><!-- Col 6 -->
      </tr>
      <tr><!-- Row 5 -->
         <th>14:15-15:45</th><!-- Col 1 -->
         <td id="AA">Algoritmid ja andmestruktuurid,<br> loeng,<br> Jakobi 2 ringauditoorium</td><!-- Col 2 -->
         <td></td><!-- Col 3 -->
         <td></td><!-- Col 4 -->
         <td></td><!-- Col 5 -->
         <td></td><!-- Col 6 -->
      </tr>
      <tr><!-- Row 6 -->
         <th>16:15-17:45</th><!-- Col 1 -->
         <td id="WEB">Veebirakenduste loomine,<br> praktikum,<br> J.Liivi 2 - 203</td><!-- Col 2 -->
         <td id="DL">Digitaalne loogika,<br> praktikumi juhendamine,<br> T&auml;he 4 - 220</td><!-- Col 3 -->
         <td></td><!-- Col 4 -->
         <td id="AA">Algoritmid ja andmestruktuurid,<br> arvutipraktikum,<br> J.Liivi 2 - 205</td><!-- Col 5 -->
         <td></td><!-- Col 6 -->
      </tr>
	</table>

	<!-- 5.2 -->
	<h4>5.2</h4>
	<table style="border-collapse:collapse;" width="40%">
      <tr><!-- Row 1 -->
         <td><img src="http://i64.photobucket.com/albums/h161/PjurChaos/Signatures/kung-fupanda.jpg" /></td><!-- Col 1 -->
         <td style="text-align:center; color:green;">Panda s&ouml;&ouml;mas.</td><!-- Col 2 -->
      </tr>
    </table>
	<!-- 5.3 & 5.4 -->
	<h4>5.3 & 5.4</h4>
    <table id="fotokordisti" style="text-align:justify;"  width="100%">
	  <tr><td colspan="3"><h3>Mis on fotokordisti?</h3></td></tr>
      <tr><!-- Row 1 -->
         <td style="padding-left:10px; padding-right:10px; vertical-align:top;">
		 Fotokordistid koosnevad k&otilde;rgvaakumilise sisuga klaaskestast, mille sees asetsevad fotokatoodid, mitu d&uuml;noodi ning anood. 
		 Seadmesse sisenemisel p&otilde;rkuvad langevad footonid vastu &otilde;hukest fotokatoodi kihti. 
		 Toimunud fotoelektrilise efekti tagaj&auml;rjel eralduvad elektronid. 
		 Koondav elektrood suunab need elektronid elektronkordisti poole, kus sekundaaremissiooni k&auml;igus elektronide kogust suurendatakse. 
		 Elektronkordisti koosneb mitmest elektroodist mida nimetatakse d&uuml;noodideks. 
		 Iga j&auml;rgnev d&uuml;nood on k&otilde;rgema positiivse pingega kui eelmine.
		 Elektronid lahkuvad fotokatoodilt sisenenud footoni energiast fotokatoodi tehtud t&ouml;&ouml; v&otilde;rra v&auml;iksema energiaga. 
		 </td><!-- Col 1 -->
         <td style="padding-left:10px; padding-right:10px; vertical-align:top;">
		 Elektronide kulgedes esimese d&uuml;noodi suunas kiirendatakse nende liikumist elektriv&auml;lja abil ning nad j&otilde;uavad oma sihtkohta palju suurema energiaga. 
		 Tabades esimest d&uuml;noodi, eralduvad madalama energiaga elektronid, mida omakorda kiirendatakse j&auml;rgmise d&uuml;noodi suunas. 
		 D&uuml;noodide jada geomeetria on selline, et igal j&auml;rgmisel p&otilde;rkumisel toimub aina suurema koguse elektronide eraldumine. 
		 L&otilde;puks j&otilde;uavad elektronid anoodini, kus laengu kasvu tagaj&auml;rjel eraldub j&auml;rsk pinge pulss, mis annab m&auml;rku footoni saabumisest fotokatoodile.
		 On olemas kaks harilikku fotokordisti suunda, kas pea-ees v&otilde;i selg-ees (edasikande režiim) asetus, 
		 </td><!-- Col 2 -->
         <td style="padding-left:10px; padding-right:10px; vertical-align:top;">
		 nagu &uuml;lal n&auml;idatud, kus valgus siseneb lamedast &uuml;mmargusest otsast ning l&auml;bib fotokatoodi, ja k&uuml;lg-ees asetus (peegeldamise režiim), 
		 kus valgus siseneb kindlast kohast toru k&uuml;ljel ning langeb l&auml;bipaistmatul fotokatoodil. Peale erinevate fotokatoodi materjalide, 
		 m&otilde;jutavad toimivust ka akna (mille valgus l&auml;bib fotokordistisse sisenedes) materjali l&auml;bilaskvus ning d&uuml;noodide asetus. 
		 Suurel osal saadaval olevatest fotokordisti mudelitest varieeruvad need kombinatsioonid. 
		 Kummastki kirjeldusest peaks piisama, et valida kindla rakenduse tarvis sobiv fotokordisti.
		 </td><!-- Col 3 -->
      </tr>
    </table>
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>

<!-- Kolmas ylesanne -->
	<h2 style="text-decoration:underline;"><a name=kolmas>Kolmas &uuml;lesanne</a></h2>
	<!-- Ylesanne 6 -->
	<h3 style="text-decoration:underline;"><a name=YL6>&Uuml;lesanne 6</a></h3>
	<!-- 6.1 -->
	<h4>6.1</h4>
	<!-- v2lisviit 1 -->
	<a href="http://s64.photobucket.com/profile/PjurChaos">Minu pildikogu</a><br>
	<!-- v2lisviit 2 -->
	<a href="http://www.neti.ee">Neti.ee otsingumootor</a><br>
	<!-- v2lisviit 3 -->
	<a href="http://www.postimees.ee">Postimehe netileht</a>
	<!-- 6.2 -->
	<h4>6.2</h4>
	<p align="right">
	&Uuml;lesande 6 alampunkti 6.2 k&auml;igus vormistasin siseviited. Sinna saab allolevalt lingilt.<br>
	<a href=#Sisukord>Tagasi algusesse</a></p>
	
	<!-- Ylesanne 7 -->
	<h3 style="text-decoration:underline;"><a name=YL7>&Uuml;lesanne 7</a></h3>
	&Uuml;lesanne 7 k&auml;igus tuli luua horisontaalne joon, mille alla tuli lisada lehe looja andmed. See sektsioon asub lehek&uuml;lje jaluses.<br>
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>
	
<!-- Neljas ylesanne -->
	<h2 style="text-decoration:underline;"><a name=neljas>Neljas &uuml;lesanne</a></h2>
	<p>&Uuml;lesandeks oli koostada k&uuml;sitlus ning selle tagasiside tuli talletada.</p>
	<p><h4 style="color:black;">K&uuml;sitlus</h4></p>
	<form name="survey" action="veebilehtede_loomine.html"  method="post">
		<hr width='30%' align='left'>
		Eesnimi :<input name="eesnimi" type="text" /><br>
		Perekonnanimi :<input name="perenimi" type="text" /><br>
		<hr width='30%' align='left'>
		Vanus:<select name="vanus">
			<option value="default">Valige vanus</option>
			<option value="10-15">10-15</option>
			<option value="16-20">16-20</option>
			<option value="21-25">21-25</option>
			<option value="26-30">26-30</option>
			<option value="31-35">31-35</option>
			<option value="36-40">36-40</option>
			<option value="41-45">41-45</option>
			<option value="46-50">46-50</option>
			<option value="51-55">51-55</option>
			<option value="56-65">56-65</option>
		</select><br>
		<hr width='30%' align='left'>
		Mis on teie hetke okupatsioon?<br>
		<input name="okupatsioon[]" type="checkbox" value="&otilde;pilane" /> Olen &otilde;pilane <br>
		<input name="okupatsioon[]" type="checkbox" value="&uuml;li&otilde;pilane" /> Olen &uuml;li&otilde;pilane <br>
		<input name="okupatsioon[]" type="checkbox" value="t&ouml;&ouml;l osakoormusega" /> T&ouml;&ouml;tan osakoormusega <br>
		<input name="okupatsioon[]" type="checkbox" value="t&ouml;&ouml;l t&auml;iskoormusega" /> T&ouml;&ouml;tan t&auml;iskoormusega <br>
		<input name="okupatsioon[]" type="checkbox" value="t&ouml;&ouml;tu" /> Olen t&ouml;&ouml;tu <br>
		<input name="okupatsioon[]" type="checkbox" value="pensionil" /> Olen pensionil <br>
		<hr width='30%' align='left'><br>
		Mis on teie perekonnaseis?<br>
		<input name="pereseis" type="radio" value="vallaline"> Olen vallaline <br>
		<input name="pereseis" type="radio" value="suhtes"> Olen suhtes <br>
		<input name="pereseis" type="radio" value="vaba abielus"> Olen vabaabielus <br>
		<input name="pereseis" type="radio" value="abielus"> Olen abielus <br>
		<hr width='30%' align='left'>
		Peale nupu "Submit" vajutamist viib veebilehitseja sind lehe algusesse, kuid seal on sisukorras viide neljandale &uuml;lesandele.<br><br>
		<input type="submit" value="Submit" />
	</form>
	<p>Siia tulevad k&uuml;sitluses sisestatud vastused:</p>
	K&uuml;sitluse t&auml;itis <?php echo $_POST["eesnimi"]; echo " "; echo $_POST["perenimi"];?>.<br>
	Ta on <?php echo $_POST["vanus"]; ?> aastat vana ning hetkel on ta 
	<?php 
		$okup=$_POST['okupatsioon']; 
		$N = count($okup); 
		for($i=0; $i<$N; $i++){
			if($i<($N-2)){
				echo($okup[$i] . ", " );
			}else if ($i==($N-2)){
				echo($okup[$i] . " ja ");
			}else{
				echo($okup[$i]);
			};
		};
	?>.<br>
	Hetkel on <?php echo $_POST["eesnimi"]; ?> <?php echo $_POST["pereseis"]; ?>.<br>
		
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>	
	<div id="footer">
	<hr size=3 width=100% align=center />
	<address>
		<font size="2" face="Dejavu Sans Mono">&copy;
		<a href=MAILTO:pjurchaos@gmail.com>
		T&otilde;nis Terasmaa</a>, 
		T&Uuml; loodus- ja tehnoloogiateaduskonna arvutitehnika &otilde;ppekava bakalaureuse &otilde;pe</font>
	</address>
	<br><br>	
	<font size="1" face="Arial">Uuendatud 28.02.2012 kell 15:08, T&otilde;nis Terasmaa</font>
	
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>
	</div>
</body>
</html>